<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title></title>
		<link type="text/css" rel="stylesheet" href="../lib/swiper.css" />
		<script src="../js/jquery-1.11.3.min.js"></script>
		<script src="../lib/swiper.js"></script>
		<style type="text/css">
	*{
	margin: 0;
	padding: 0;
}
body, html{
	width: 100%;
	height: 100%;
}
img{
	display: block;
}

.swiper-container{
	width: 100%;
	height: 100%;
}

			
	.swiper-container {
    width: 100%;
    height: 100%;
}  
.swiper-container img{
	width:100%;
	height:100%;
}
		</style>
		<script type="text/javascript">
  onload = function() {
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',
    
    
    // 如果需要分页器
    pagination: '.swiper-pagination',
    
  })   
  $("#enter").click(function(){
  localStorage.setItem('val',1)
  	location.href="../index.html"
  })
}
</script>
	</head>
	<body>
		<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../images/fistIntroduction/first01.png" /> </div>
        <div class="swiper-slide"><img src="../images/fistIntroduction/first02.png" /> </div>
        <div class="swiper-slide"><img src="../images/fistIntroduction/first03.png" /> </div>
         <div class="swiper-slide" id="enter"><img src="../images/fistIntroduction/first04.png" /> </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    
  
    
    <!-- 如果需要滚动条 -->
    <div class="swiper-scrollbar"></div>
</div>
	</body>
</html>
 